<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="js no-flexbox canvas canvastext no-webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths wf-alternategothicno1d-n4-active wf-fftisawebpro-n4-active wf-fftisawebpro-n7-active wf-proximanova-n4-active wf-proximanova-n6-active wf-proximanova-n8-active wf-active" lang="en"><!--<![endif]--><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta charset="utf-8">

  <title>Always Creative - Branding, Web Development, and Print Design - Houston TX</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <!-- base href="http://alwayscreative.net/" -->

  <link rel="canonical" href="http://godidenet.co.za/">

  <link rel="shortcut icon" href="http://godidenet.co.za/favicon.ico">

  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://alwayscreative.net/apple-touch-icon-144x144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://alwayscreative.net/apple-touch-icon-114x114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://alwayscreative.net/apple-touch-icon-72x72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="http://alwayscreative.net/apple-touch-icon-precomposed.png">

  <link href="roots/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
  
  <link href="roots/print.css" media="print" rel="stylesheet" type="text/css">

  <script src="roots/ga.js"></script><script async="" type="text/javascript" src="roots/wie3mnc.js"></script><script>
    (function() {
      var config = {
        kitId: 'wie3mnc',
        scriptTimeout: 3000
      };
      var h=document.getElementsByTagName("html")[0];h.className+=" wf-loading";var t=setTimeout(function(){h.className=h.className.replace(/(\s|^)wf-loading(\s|$)/g," ");h.className+=" wf-inactive"},config.scriptTimeout);var tk=document.createElement("script"),d=false;tk.src='//use.typekit.net/'+config.kitId+'.js';tk.type="text/javascript";tk.async="true";tk.onload=tk.onreadystatechange=function(){var a=this.readyState;if(d||a&&a!="complete"&&a!="loaded")return;d=true;clearTimeout(t);try{Typekit.load(config)}catch(b){}};var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(tk,s)
    })();
  </script>

  <script src="roots/modernizr-2.js"></script>
  <!--[if IE 9]>
    <link href="stylesheets/ie9.css" media="screen, projection" rel="stylesheet" type="text/css">
  <![endif]-->
  <!--[if IE 8]>
    <link href="stylesheets/ie8.css" media="screen, projection" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/javascripts/libs/respond.min.js"></script>
  <![endif]-->
  <!--[if IE 7]>
    <link href="stylesheets/ie7.css" media="screen, projection" rel="stylesheet" type="text/css">
  <![endif]-->
  
  <script>document.cookie='resolution='+Math.max(screen.width,screen.height)+'; path=/';</script>
  
  <noscript>
    <link href="stylesheets/noscript.css" media="screen, projection" rel="stylesheet" type="text/css">
  </noscript><style type="text/css">.tk-alternate-gothic-no-1-d{font-family:"alternate-gothic-no-1-d",sans-serif;}.tk-ff-tisa-web-pro{font-family:"ff-tisa-web-pro",serif;}.tk-proxima-nova{font-family:"proxima-nova",sans-serif;}</style><link href="roots/d.css" rel="stylesheet">
  
</head>
<body class="">
  <div id="buffer"></div>
  <div style="display: block;" id="universe">
    <noscript>
      <div class="container">
        <div class="top-notice">
          Your browser's javascript is disabled. Even though our site is still accessible without it, you are missing out the enhanced experience that our site offers to users with javascript enabled.
        </div>
      </div>
    </noscript>
    <!--[if lte IE 7]>
    <div class="container">
      <div class="top-notice">
        <p class=chromeframe>Your browser is <strong>ancient!</strong> <a href="http://browsehappy.com/"> Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site in its true glory.</p>
      </div>
    </div>
    <![endif]-->
    <div id="main" class="main" role="main">
      <section id="start" class="start">
        <object data="roots/AC-icon.svg" type="image/svg+xml" id="ac-svg">
          <img src="roots/ac-brand.png" alt="" id="brand">
        </object>
        <h1>Always Creative</h1>
        <div id="astronomy" class="astronomy">
          <img src="roots/astronomy-diagram-3.png" alt="" class="vector vector1">
        </div>
        <h2 id="start-headline">Inspiration through Exploration</h2>
        <p class="statement">We’re a Houston-based creative agency with a
 focus on the bigger picture and the smallest details. Curiosity and 
hard work keep us creative.</p>
      </section>
      
	  <section id="process" class="section section-2 process">
        <div id="section-nav" class="section-nav">
          <div class="container">
            <ul class="nav">
              <li><a class="active" href="#start" id="link-start">Home</a></li>
              <li><a class="" href="#team" id="link-aboutus">About Us</a></li>
			  <li><a class="" href="#services" id="link-services">Services</a></li>
              <li><a class="" href="#contact" id="link-contact">Contact</a></li>
            </ul>
          </div>
        </div>
        
		<div id="process-steps" class="process-steps">
		</div>
      </section>
	  <!-- End Nav-->
	  
      
      <!-- About Us -->
	  <section id="team" class="section team">
        <div class="container">
          <header>
            <h2 class="section-header">About Us</h2>
          </header>
        </div>       
		
		<div class="details">

			<div class="identifier">
				<h3 class="name">

					Jeremy Wynn

				</h3>
				<h4 class="subheading">

					Interactive Director

				</h4>
			</div>
			<div class="text-content">
				<p>
				Jeremy crafts and manipulates code to create solid, cohesive, and 
				compelling user experiences on the web. 
				He utilizes problem solving skills and design savvy to build progressive 
				and responsive websites and applications.
				</p>
			</div>
		</div>
		
      </section>
      <!-- End About Us -->
	  
	  <!-- Service -->
	  <section id="services" class="section services">
        <div class="container">
          <header>
            <h2 class="section-header">Services</h2>
          </header>
        </div>
       
		<div class="details">

			<div class="identifier">
				<h3 class="name">

					Web Development

				</h3>
				<h4 class="subheading">

					Website & mobi sites

				</h4>
			</div>
			<div class="text-content">
				<p>
				Jeremy crafts and manipulates code to create solid, cohesive, and 
				compelling user experiences on the web. 
				He utilizes problem solving skills and design savvy to build progressive 
				and responsive websites and applications.
				</p>
			</div>
		</div>
		
		
      </section>
	  <!-- End Services -->
	  
	  <!--section id="inspiration" class="section inspiration">
        <div class="source">We are inspired by what<br> is yet to be discovered</div>
      </section -->
      
	  
	  <section id="contact" class="section contact">
        <div class="container">
          <h2 class="section-header">Contact</h2>
          <h3>Communication is key to any relationship.</h3>

          <div class="col chat">
            <h4>We'd Love To Chat</h4>

            <div class="contact-info" itemscope="">
              <div class="method">
                <span class="label">T</span> 
                <span class="details" itemprop="tel">+27 72 216 1298</span>
              </div>
              <div class="method">
                <span class="label">E</span>
                <span class="details" itemprop="email"><a href="mailto:godidenet@hotmail.com">godidenet[at]hotmail[dot]com</a></span>
              </div>
              <div class="method">
                <span class="label"><img src="roots/pin-icon.png" alt="Pin Icon"></span> 
                <span class="details" itemprop="address" itemscope="" itemtype="http://data-vocabulary.org/Address">
                  <span itemprop="street-address">535 Arlington St</span><br>
                  <span itemprop="locality">Houston</span>, <span itemprop="region">TX</span> <span itemprop="postal-code">77007</span>
                </span>
              </div>
            </div>
          </div>
          
          <div class="col notes">
            <h4>Things to Know</h4>

            <h5>Pricing &amp; Timeline</h5>
            <p>We request budgets that allow for custom, detailed work 
on all projects. Your project's complexity and our queue determine the 
price and the timeline.</p>

            <h5>Preferred Project Type</h5>
            <p>We’re small on purpose, which makes us particular about the projects we take. We thrive in trusting, long-term partnerships.</p>

            <h5>Get Started</h5>
            <p>Get in touch and we’ll send a questionnaire to determine 
if we’re the right fit for each other. Assuming we are, we’ll provide a 
ballpark estimate and go from there.</p>

          </div>

          <div class="col request">
            <div id="request-trigger" class="request-trigger">Request a Consultation</div>
            

            <form action="http://alwayscreative.net/#request-form" method="post" id="request-form" class="form" autocomplete="off">
              <input name="consultForm" value="consultForm" type="hidden">
              <h4 id="cf-header">Request a Consultation</h4>
              <fieldset id="cf-fieldset">
                
                
                
                <div class="form-field">
                  <label for="name">Full Name</label>
                  <input name="name" id="name" placeholder="Full Name" class="requiredNoWhitespace " type="text">
                  
                </div>
                <div class="form-field">
                  <label for="email">Email</label>
                  <input name="email" id="email" placeholder="Email" class="requiredNoWhitespace " type="email">
                  
                </div>
                <div class="form-field">
                  <label for="phone">Phone Number</label>
                  <input name="phone" id="phone" placeholder="Phone Number" class="requiredNoWhitespace " type="text">
                  
                </div>
                <div class="form-field">
                  <label for="type">Project Type</label>
                  <input name="type" id="type" placeholder="Project Type" class="requiredNoWhitespace " type="text">
                  
                </div>
                <button disabled="disabled" type="submit" name="submit" class="submit" id="submit-btn">Submit Request</button>
              </fieldset>
            </form>
          </div>

          <footer class="site-footer">
            <div class="social-links">
              <a href="https://www.facebook.com/alwayscreative" class="facebook" target="_blank">Facebook</a>
              <a href="https://twitter.com/alwayscreative" class="twitter" target="_blank">Twitter</a>
              <a href="http://dribbble.com/robyfitzhenry" class="dribble" target="_blank">Dribble</a>
            </div>
            <div class="copyright">Copyright © 2013 Always Creative. <br> Most rights reserved.</div>
          </footer>
        </div>
      </section>
    </div> <!-- /#main -->
    <div id="portfolio-window" class="portfolio-window">
      <div id="portfolio-content" class="portfolio-content">
        <div id="portfolio-showcase" class="portfolio-showcase">
          <ul class="slides">
            <!-- #1 Premium Draught -->
            <li style="width: 100%; float: left; margin-right: -100%; position: relative; display: list-item;" class="piece flex-active-slide" id="project1">
              <div class="header">
                <div class="port-nav">
                  <a href="#project9" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project2" class="next-piece">Next</a>
                </div>
                <div class="container">
                  <div class="text">
                    <h2>Premium Draught</h2>
                  </div>
                </div>
              </div>
              <div class="content">
                <div class="sect-label">Logo &amp; Secondary Marks</div>
                <div class="container">
                  <p><img src="roots/pd-1-branding.gif" class="portfolio-images " data-src="images/portfolio/pd-1-branding.gif" alt="Premium Draught Branding Sample">
                    <noscript>
                      <img src="images/portfolio/pd-1-branding.gif" alt="Premium Draught Branding Sample">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label"><a href="http://premiumdraught.com/" target="_blank">premiumdraught.com</a></div>
                <div class="container">
                  <p><img src="roots/pd-2a-website.jpg" class="portfolio-images " data-src="images/portfolio/pd-2a-website.jpg" alt="Premium Draught website design sample">
                    <noscript>
                      <img src="images/portfolio/pd-2a-website.jpg" alt="Premium Draught website design sample">
                    </noscript>
                  </p>
                  <p><img src="roots/pd-2b-website.jpg" class="portfolio-images " data-src="images/portfolio/pd-2b-website.jpg" alt="Premium Draught website design sample">
                    <noscript>
                      <img src="images/portfolio/pd-2b-website.jpg" alt="Premium Draught website design sample">
                    </noscript>
                  </p>
                  <p><img src="roots/pd-2c-website.jpg" class="portfolio-images " data-src="images/portfolio/pd-2c-website.jpg" alt="Premium Draught website design sample">
                    <noscript>
                      <img src="images/portfolio/pd-2c-website.jpg" alt="Premium Draught website design sample">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Printed Goods</div>
                <div class="container">
                  <p><img src="roots/pd-3a-print-goods.gif" class="portfolio-images " data-src="images/portfolio/pd-3a-print-goods.gif" alt="Premium Draught Design Sample">
                    <noscript>
                      <img src="images/portfolio/pd-3a-print-goods.gif" alt="Premium Draught Design Sample">
                    </noscript>
                  </p>
                  <p><img src="roots/pd-3b-print-goods.jpg" class="portfolio-images " data-src="images/portfolio/pd-3b-print-goods.jpg" alt="Premium Draught Design Sample">
                    <noscript>
                      <img src="images/portfolio/pd-3b-print-goods.jpg" alt="Premium Draught Design Sample">
                    </noscript>
                  </p>
                  <p><img src="roots/pd-3c-print-goods.jpg" class="portfolio-images " data-src="images/portfolio/pd-3c-print-goods.jpg" alt="Premium Draught Design Sample">
                    <noscript>
                      <img src="images/portfolio/pd-3c-print-goods.jpg" alt="Premium Draught Design Sample">
                    </noscript>
                  </p>
                  <p><img src="roots/pd-3d-print-goods.gif" class="portfolio-images " data-src="images/portfolio/pd-3d-print-goods.gif" alt="Premium Draught Design Sample">
                    <noscript>
                      <img src="images/portfolio/pd-3d-print-goods.gif" alt="Premium Draught Design Sample">
                    </noscript>
                  </p>
                  <p><img src="roots/pd-3e-print-goods.jpg" class="portfolio-images " data-src="images/portfolio/pd-3e-print-goods.jpg" alt="Premium Draught Design Sample">
                    <noscript>
                      <img src="images/portfolio/pd-3e-print-goods.jpg" alt="Premium Draught Design Sample">
                    </noscript>
                  </p>
                  <p><img src="roots/pd-3f-print-goods.jpg" class="portfolio-images " data-src="images/portfolio/pd-3f-print-goods.jpg" alt="Premium Draught Design Sample">
                    <noscript>
                      <img src="images/portfolio/pd-3f-print-goods.jpg" alt="Premium Draught Design Sample">
                    </noscript>
                  </p>
                </div>
              </div>
              <div class="piece-footer">
                <div class="port-nav">
                  <a href="#project9" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project2" class="next-piece">Next</a>
                </div>
              </div>
            </li>

			<!-- #2 Squid -->
            <li style="width: 100%; float: left; margin-right: -100%; position: relative;" class="piece" id="project2">
              <div class="header">
                <div class="port-nav">
                  <a href="#project1" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project3" class="next-piece">Next</a>
                </div>
                <div class="container">
                  <div class="text">
                    <h2>Squid</h2>
                  </div>
                </div>
              </div>
              <div class="content">
                <div class="sect-label">Naming &amp; Identity</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-1-logo.gif" alt="Squid Compression Logo Design Sample">
                    <noscript>
                      <img src="images/portfolio/squid-1-logo.gif" alt="Squid Compression Logo Design Sample" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-2-go-deep.gif" alt="Squid Compression Pattern - Go Deep Sample">
                    <noscript>
                      <img src="images/portfolio/squid-2-go-deep.gif" alt="quid Compression Pattern - Go Deep Sample" >
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Product, Print, &amp; Packaging Design</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-3a-product.gif" alt="Squid Compression Product Design Samples">
                    <noscript>
                      <img src="images/portfolio/squid-3a-product.gif" alt="Squid Compression Product Design Samples" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-3b-manual.gif" alt="Squid Compression User Manual Samples">
                    <noscript>
                      <img src="images/portfolio/squid-3b-manual.gif" alt="Squid Compression User Manual Samples" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-3c-illustrations.gif" alt="Squid Compression Illustration Samples">
                    <noscript>
                      <img src="images/portfolio/squid-3c-illustrations.gif" alt="Squid Compression Illustration Samples" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-3d-box.gif" alt="Squid Compression Packaging Samples">
                    <noscript>
                      <img src="images/portfolio/squid-3d-box.gif" alt="Squid Compression Packaging Samples" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-3e-knee-wrap.jpg" alt="Squid Compression Product Design Samples">
                    <noscript>
                      <img src="images/portfolio/squid-3e-knee-wrap.jpg" alt="Squid Compression Product Design Samples" >
                    </noscript>
                  </p>
                </div>
                <div class="sect-label"><a href="http://squidcompression.com/" target="_blank">squidcompression.com</a></div>
                <div class="container">
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-4a-website.jpg" alt="Squid Compression Website Design Samples">
                    <noscript>
                      <img src="images/portfolio/squid-4a-website.jpg" alt="Squid Compression Website Design Samples">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-4b-website.jpg" alt="Squid Compression Website Design Samples">
                    <noscript>
                      <img src="images/portfolio/squid-4b-website.jpg" alt="Squid Compression Website Design Samples">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp1" data-src="images/portfolio/squid-4c-contest.jpg" alt="Squid Compression Website Design Samples">
                    <noscript>
                      <img src="images/portfolio/squid-4c-contest.jpg" alt="Squid Compression Website Design Samples">
                    </noscript>
                  </p>
                </div>
              </div>
              <div class="piece-footer">
                <div class="port-nav">
                  <a href="#project1" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project3" class="next-piece">Next</a>
                </div>
              </div>
            </li>
            
            <!-- #3 Locke -->
            <li style="width: 100%; float: left; margin-right: -100%; position: relative;" class="piece" id="project3">
              <div class="header">
                <div class="port-nav">
                  <a href="#project2" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project4" class="next-piece">Next</a>
                </div>
                <div class="container">
                  <div class="text">
                    <h2>Locke Solutions</h2>
                  </div>
                </div>
              </div>
              <div class="content">
                <div class="sect-label">Identity</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-1.gif" alt="Locke Solutions Logo Design Sample">
                    <noscript>
                      <img src="images/portfolio/locke-1.gif" alt="Locke Solutions Logo Design Sample" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-2.jpg" alt="Locke Solutions - product sample shot">
                    <noscript>
                      <img src="images/portfolio/locke-2.jpg" alt="Locke Solutions - product sample shot" >
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Print Samples</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-3.jpg" alt="Locke Solutions Business Card Design Sample">
                    <noscript>
                      <img src="images/portfolio/locke-3.jpg" alt="Locke Solutions Business Card Design Sample" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-4.jpg" alt="Locke Solutions Business Card Design Sample">
                    <noscript>
                      <img src="images/portfolio/locke-4.jpg" alt="Locke Solutions Business Card Design Sample" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-5.jpg" alt="Locke Solutions Stationery Design Sample">
                    <noscript>
                      <img src="images/portfolio/locke-5.jpg" alt="Locke Solutions Stationery Design Sample" >
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Promotional Items</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-6.jpg" alt="Locke Solutions T-shirt Design Sample">
                    <noscript>
                      <img src="images/portfolio/locke-6.jpg" alt="Locke Solutions T-shirt Design Sample" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-7.jpg" alt="Locke Solutions Promtional Items Design Sample">
                    <noscript>
                      <img src="images/portfolio/locke-7.jpg" alt="Locke Solutions Promotional Items Design Sample" >
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Advertisements</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-8.gif" alt="Locke Solutions Writing Sample">
                    <noscript>
                      <img src="images/portfolio/locke-8.gif" alt="Locke Solutions Writing Sample" >
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-9.jpg" alt="Locke Solutions Advertisement Design Sample">
                    <noscript>
                      <img src="images/portfolio/locke-9.jpg" alt="Locke Solutions Advertisement Design Sample" >
                    </noscript>
                  </p>
                </div>
                <div class="sect-label"><a href="http://lockesolutions.com/" target="_blank">lockesolutions.com</a></div>
                <div class="container">
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-10.jpg" alt="Locke Solutions website design sample">
                    <noscript>
                      <img src="images/portfolio/locke-10.jpg" alt="Locke Solutions website design sample">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp2" data-src="images/portfolio/locke-11.jpg" alt="Locke Solutions website design sample">
                    <noscript>
                      <img src="images/portfolio/locke-11.jpg" alt="Locke Solutions website design sample">
                    </noscript>
                  </p>
                </div>
              </div>
              <div class="piece-footer">
                <div class="port-nav">
                  <a href="#project2" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project4" class="next-piece">Next</a>
                </div>
              </div>
            </li>

            <!-- #4 Shops -->
            <li style="width: 100%; float: left; margin-right: -100%; position: relative;" class="piece" id="project4">
              <div class="header">
                <div class="port-nav">
                  <a href="#project3" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project5" class="next-piece">Next</a>
                </div>
                <div class="container">
                  <div class="text">
                    <h2>Shops at Riverwoods</h2>
                  </div>
                </div>
              </div>
              <div class="content">
                <div class="sect-label">Logo Redesign</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-1-branding.gif" alt="Shops at Riverwoods Logo Redesign">
                    <noscript>
                      <img src="images/portfolio/shops-1-branding.gif" alt="Shops at Riverwoods Logo Redesign">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">2013 Marketing Guidelines</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-2a-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sample">
                    <noscript>
                      <img src="images/portfolio/shops-2a-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sampl">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-2b-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sample">
                    <noscript>
                      <img src="images/portfolio/shops-2b-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sampl">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-2c-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sample">
                    <noscript>
                      <img src="images/portfolio/shops-2c-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sampl">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-2d-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sample">
                    <noscript>
                      <img src="images/portfolio/shops-2d-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sampl">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-2e-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sample">
                    <noscript>
                      <img src="images/portfolio/shops-2e-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sampl">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-2f-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sample">
                    <noscript>
                      <img src="images/portfolio/shops-2f-guidelines.jpg" alt="Shops at Riverwoods Marketing Guidelines Design Sampl">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label"><a href="http://shopsatriverwoods.com/" target="_blank">shopsatriverwoods.com</a></div>
                <div class="container">
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-3a-website.jpg" alt="Shops at Riverwoods Responsive Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/shops-3a-website.jpg" alt="Shops at Riverwoods Responsive Website Design Samplen">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-3b-website.jpg" alt="Shops at Riverwoods Responsive Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/shops-3b-website.jpg" alt="Shops at Riverwoods Responsive Website Design Samplen">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp3" data-src="images/portfolio/shops-3c-website.jpg" alt="Shops at Riverwoods Responsive Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/shops-3c-website.jpg" alt="Shops at Riverwoods Responsive Website Design Samplen">
                    </noscript>
                  </p>
                </div>
              </div>
              <div class="piece-footer">
                <div class="port-nav">
                  <a href="#project3" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project5" class="next-piece">Next</a>
                </div>
              </div>
            </li>

            <!-- #5 NRB -->
            <li style="width: 100%; float: left; margin-right: -100%; position: relative;" class="piece" id="project5">
              <div class="header">
                <div class="port-nav">
                  <a href="#project4" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project6" class="next-piece">Next</a>
                </div>
                <div class="container">
                  <div class="text">
                    <h2>NRB</h2>
                  </div>
                </div>
              </div>
              <div class="content">
                <div class="sect-label">Logo &amp; Secondary Marks</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp4" data-src="images/portfolio/nrb-1-branding.jpg" alt="New Republic Brewing Logo Design">
                    <noscript>
                      <img src="images/portfolio/nrb-1-branding.jpg" alt="New Republic Brewing Logo Design">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Tap Handles &amp; Coasters</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp4" data-src="images/portfolio/nrb-2-tap-handles.jpg" alt="New Republic Brewing tap handle design">
                    <noscript>
                      <img src="images/portfolio/nrb-2-tap-handles.jpg" alt="New Republic Brewing tap handle design">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">T-Shirts</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp4" data-src="images/portfolio/nrb-3-shirts.jpg" alt="New Republic Brewing t-shirt design">
                    <noscript>
                      <img src="images/portfolio/nrb-3-shirts.jpg" alt="New Republic Brewing t-shirt design">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Print Work</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp4" data-src="images/portfolio/nrb-4-print.jpg" alt="New Republic Brewing print design">
                    <noscript>
                      <img src="images/portfolio/nrb-4-print.jpg" alt="New Republic Brewing print design">
                    </noscript>
                  </p>
                </div>
                <!-- <div class="sect-label"><a href="http://newrepublicbrewing.com" target="_blank">newrepublicbrewing.com</a></div>
                <div class="container">
                  <p><img class="portfolio-images pgrp4" data-src="images/portfolio/nrb-5-website.jpg" alt="New Republic Brewing website design">
                    <noscript>
                      <img src="images/portfolio/nrb-5-website.jpg" alt="New Republic Brewing website design">
                    </noscript>
                  </p>
                </div> -->
              </div>
              <div class="piece-footer">
                <div class="port-nav">
                  <a href="#project4" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project6" class="next-piece">Next</a>
                </div>
              </div>
            </li>
            
            <!-- #6 Malawi's -->
            <li style="width: 100%; float: left; margin-right: -100%; position: relative;" class="piece" id="project6">
              <div class="header">
                <div class="port-nav">
                  <a href="#project5" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project7" class="next-piece">Next</a>
                </div>
                <div class="container">
                  <div class="text">
                    <h2>Malawi's</h2>
                  </div>
                </div>
              </div>
              <div class="content">
                <div class="sect-label"><a href="http://malawispizza.com/" target="_blank">malawispizza.com</a></div>
                <div class="container">
                  <p><img class="portfolio-images pgrp5" data-src="images/portfolio/malawi-1-website-a.jpg" alt="">
                    <noscript>
                      <img src="images/portfolio/malawi-1-website-a.jpg" alt="">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp5" data-src="images/portfolio/malawi-2-website-b.jpg" alt="">
                    <noscript>
                      <img src="images/portfolio/malawi-2-website-b.jpg" alt="">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp5" data-src="images/portfolio/malawi-3-website-c.jpg" alt="">
                    <noscript>
                      <img src="images/portfolio/malawi-3-website-c.jpg" alt="">
                    </noscript>
                  </p>
                </div>
              </div>
              <div class="piece-footer">
                <div class="port-nav">
                  <a href="#project5" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project7" class="next-piece">Next</a>
                </div>
              </div>
            </li>
            
            <!-- #7 Hardwood -->
            <li style="width: 100%; float: left; margin-right: -100%; position: relative;" class="piece" id="project7">
              <div class="header">
                <div class="port-nav">
                  <a href="#project6" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project8" class="next-piece">Next</a>
                </div>
                <div class="container">
                  <div class="text">
                    <h2>Hardwood</h2>
                  </div>
                </div>
              </div>
              <div class="content">
              <div class="sect-label">Logo</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp6" data-src="images/portfolio/hdco-1-logo.jpg" alt="Hardwood Design Co. Logo Design">
                    <noscript>
                      <img src="images/portfolio/hdco-1-logo.jpg" alt="Hardwood Design Co. Logo Design">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Print Collateral</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp6" data-src="images/portfolio/hdco-2-print.jpg" alt="Hardwood Design Co. Print Design">
                    <noscript>
                      <img src="images/portfolio/hdco-2-print.jpg" alt="Hardwood Design Co. Print Design">
                    </noscript>
                  </p>
                <div class="sect-label"><a href="http://hardwooddesigns.net/" target="_blank">hardwooddesigns.net</a></div>
                  <p><img class="portfolio-images pgrp6" data-src="images/portfolio/hdco-3a-website.jpg" alt="Hardwood Design Co. Website Design">
                    <noscript>
                      <img src="images/portfolio/hdco-3a-website.jpg" alt="Hardwood Design Co. Website Design">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp6" data-src="images/portfolio/hdco-3b-website.jpg" alt="Hardwood Design Co. Website Design">
                    <noscript>
                      <img src="images/portfolio/hdco-3b-website.jpg" alt="Hardwood Design Co. Website Design">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp6" data-src="images/portfolio/hdco-3c-website.jpg" alt="Hardwood Design Co. Website Design">
                    <noscript>
                      <img src="images/portfolio/hdco-3c-website.jpg" alt="Hardwood Design Co. Website Design">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp6" data-src="images/portfolio/hdco-3d-website.jpg" alt="Hardwood Design Co. Website Design">
                    <noscript>
                      <img src="images/portfolio/hdco-3d-website.jpg" alt="Hardwood Design Co. Website Design">
                    </noscript>
                  </p>
                </div>
              </div>
              <div class="piece-footer">
                <div class="port-nav">
                  <a href="#project6" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project8" class="next-piece">Next</a>
                </div>
              </div>
            </li>
            
            <!-- #8 Thorn -->
            <li style="width: 100%; float: left; margin-right: -100%; position: relative;" class="piece" id="project8">
              <div class="header">
                <div class="port-nav">
                  <a href="#project7" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project9" class="next-piece">Next</a>
                </div>
                <div class="container">
                  <div class="text">
                    <h2>Thorn</h2>
                  </div>
                </div>
              </div>
              <div class="content">
                <div class="sect-label">Overview</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp7" data-src="images/portfolio/thorn-0-intro.jpg" alt="Thorn Pest Solutions Design Sample">
                    <noscript>
                      <img src="images/portfolio/thorn-0-intro.jpg" alt="Thorn Pest Solutions Design Sample" >
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Logo &amp; Secondary Marks</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp7" data-src="images/portfolio/thorn-1-logo.jpg" alt="Thorn Pest Solutions Logo Design Sample">
                    <noscript>
                      <img src="images/portfolio/thorn-1-logo.jpg" alt="Thorn Pest Solutions Logo Design Sample">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Print Collateral</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp7" data-src="images/portfolio/thorn-2-print.gif" alt="Thorn Pest Solutions Print Design Samples">
                    <noscript>
                      <img src="images/portfolio/thorn-2-print.gif" alt="Thorn Pest Solutions Print Design Samples">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label">Truck Graphics</div>
                <div class="container">
                  <p><img class="portfolio-images pgrp7" data-src="images/portfolio/thorn-3-truck.jpg" alt="Thorn Pest Solutions Truck Wrap Design Sample">
                    <noscript>
                      <img src="images/portfolio/thorn-3-truck.jpg" alt="Thorn Pest Solutions Truck Wrap Design Sample">
                    </noscript>
                  </p>
                </div>
                <div class="sect-label"><a href="http://thornservices.com/" target="_blank">thornservices.com</a></div>
                <div class="container">
                  <p><img class="portfolio-images pgrp7" data-src="images/portfolio/thorn-4a-website.jpg" alt="Thorn Pest Solutions Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/thorn-4a-website.jpg" alt="Thorn Pest Solutions Website Design Sample">
                    </noscript>
                  </p>
				  <p><img class="portfolio-images pgrp7" data-src="images/portfolio/thorn-4b-website.jpg" alt="Thorn Pest Solutions Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/thorn-4b-website.jpg" alt="Thorn Pest Solutions Website Design Sample">
                    </noscript>
                  </p>
				  <p><img class="portfolio-images pgrp7" data-src="images/portfolio/thorn-4c-website.jpg" alt="Thorn Pest Solutions Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/thorn-4c-website.jpg" alt="Thorn Pest Solutions Website Design Sample">
                    </noscript>
                  </p>
				  <p><img class="portfolio-images pgrp7" data-src="images/portfolio/thorn-4d-website.jpg" alt="Thorn Pest Solutions Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/thorn-4d-website.jpg" alt="Thorn Pest Solutions Website Design Sample">
                    </noscript>
                  </p>
                </div>
              </div>
              <div class="piece-footer">
                <div class="port-nav">
                  <a href="#project7" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project9" class="next-piece">Next</a>
                </div>
              </div>
            </li>
            
            <!-- #9 La Jolla Groves -->
            <li style="width: 100%; float: left; margin-right: -100%; position: relative;" class="piece" id="project9">
              <div class="header">
                <div class="port-nav">
                  <a href="#project8" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project1" class="next-piece">Next</a>
                </div>
                <div class="container">
                  <div class="text">
                    <h2>La Jolla</h2>
                  </div>
                </div>
              </div>
              <div class="content">
                <div class="sect-label"><a href="http://lajollagroves.com/" target="_blank">lajollagroves.com</a></div>
                <div class="container">
                  <p><img class="portfolio-images pgrp8" data-src="images/portfolio/ljg-1a-website.jpg" alt="La Jolla Groves Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/ljg-1a-website.jpg" alt="La Jolla Groves Website Design Sample">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp8" data-src="images/portfolio/ljg-1b-website.jpg" alt="La Jolla Groves Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/ljg-1b-website.jpg" alt="La Jolla Groves Website Design Sample">
                    </noscript>
                  </p>
                  <p><img class="portfolio-images pgrp8" data-src="images/portfolio/ljg-1c-website.jpg" alt="La Jolla Groves Website Design Sample">
                    <noscript>
                      <img src="images/portfolio/ljg-1c-website.jpg" alt="La Jolla Groves Website Design Sample">
                    </noscript>
                  </p>
                </div>
              </div>
              <div class="piece-footer">
                <div class="port-nav">
                  <a href="#project8" class="prev-piece">Prev</a>
                  <div class="close-window">Close</div>
                  <a href="#project1" class="next-piece">Next</a>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div> <!-- /#universe -->
  <script src="roots/jquery.js"></script>
  <script>window.jQuery || document.write('<script src="javascripts/libs/jquery-1.8.0.min.js"><\/script>')</script>

  <script src="roots/plugins.js"></script>
  <script src="roots/script.js"></script>

  <!--[if IE 8]>
    <script type="text/javascript" src="/javascripts/ie.js"></script>
  <![endif]-->
  <!--[if IE 7]>
    <script type="text/javascript" src="/javascripts/ie7.js"></script>
  <![endif]-->

  <script>
    var _gaq=[ ['_setAccount','UA-17658549-1'],['_trackPageview'] ];
    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
    g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
    s.parentNode.insertBefore(g,s)}(document,'script'));
  </script>


</body></html>